[V0_FILE]typescriptreact:file="components/reflective-button.tsx" isEdit="true" "use client" import type React from "react" import { useState, useCallback } from "react" import { Button } from "@/components/ui/button" interface ReflectiveButtonProps extends React.ComponentProps { children: React.ReactNode } export function ReflectiveButton({ children, className, ...props }: ReflectiveButtonProps) { const [position, setPosition] = useState({ x: 0, y: 0 }) const [isHovering, setIsHovering] = useState(false) const handleMouseMove = useCallback((e: React.MouseEvent) => { const rect = e.currentTarget.getBoundingClientRect() setPosition({ x: ((e.clientX - rect.left) / rect.width) * 100, y: ((e.clientY - rect.top) / rect.height) * 100, }) }, []) return ( ) } [V0_FILE]typescriptreact:file="button-row.tsx" isEdit="true" import { Camera, FileCode, LayoutDashboard, Droplet, Calculator } from "lucide-react" import { ReflectiveButton } from "./components/reflective-button" export default function ButtonRow() { return (

Clone a Screenshot Import from Figma Landing Page Sign Up Form Calculate Factorial

) }

About

Tags

Share

About

Tags

Share

More from pranathii

More Templates Like This

About

Tags

Share

About

Tags

Share

More from pranathii

More Templates Like This